@normal-nva-width:256px;
@topMenuHeight:60px;
:global{
    .container{
        position:relative;
        min-height: 100vh;
        width:100%;
        overflow-x:hidden;
        display: flex;
        flex-direction:row;
        .left_nav_con{
            min-height: 100vh;
            background:#001529;
            position:relative;
            flex:0 0 @normal-nva-width;
            transition: all linear 0.2s;
            z-index: 10;
            min-width: @normal-nva-width;
            max-width:@normal-nva-width;
            width: @normal-nva-width;
            box-shadow:2px 0 6px rgba(0,21,41,.35);
    
            .img_icon{
                width: 32px;
                height: 32px;
                display: inline-block;
                vertical-align: middle;
                line-height: 30px;
                margin-right: 10px;
                padding-left:24px;
                box-sizing: content-box;
            }
            .title_text{
                font-size: 20px;
                font-weight: bold;
                letter-spacing: 4px;
                overflow: hidden;
                // white-space: nowrap;
                display: inline-block;
                margin-bottom: 0;
                vertical-align: middle;
    
            }
            .letf_nav_i_con{
                overflow-x: hidden;
                color:#eee;
                white-space: nowrap;
                height: @topMenuHeight;
                padding-top: 10px;
    
              
            }
        }
        .right_content_con{
            min-height: 100vh;
            background:#f0f2f5;
            display: flex;
            flex: auto;
            box-sizing:border-box;
            overflow-y: hidden;
            flex-direction: column;
            .top_menu{
                position:relative;
                box-sizing: border-box;
                height:@topMenuHeight;
                background: #fefefe;;
                box-shadow:0 1px 4px rgba(0,21,41,.08);
            }
            .main_content_con{
                // display:flex;
                background: #eee;
                flex:auto;
            }
        }
    }
    
    .con{
        border: solid 1px royalblue;
        font-size: 18px;
    }
    .top_menu_con{
        display: flex;
        overflow-x: hidden;
        .meun_cont_con{
            height: @topMenuHeight;
            line-height:@topMenuHeight;
            width:40px;
            padding-left: 10px;
            flex: 0 0 40px;
            cursor:pointer;
        }
        .top_content_con{
            flex: auto;
            // background:rgba(200,200,200,1);
        }
    }
}